<template>
  <div class="docBox">
    <el-container>
      <el-header style="display: flex; justify-content: space-between">
        <span>过程质检</span>
        <span
          ><i
            class="el-icon-s-home"
            style="cursor: pointer"
            @click="toHome"
          ></i
        ></span>
      </el-header>
      <el-container>
        <el-aside width="200px">
          <menuVue :menuData="menuData" />
        </el-aside>
        <el-container>
          <el-main>
            <router-view></router-view>
          </el-main>
          <!-- <el-footer>Footer</el-footer> -->
        </el-container>
      </el-container>
    </el-container>
  </div>
</template>

<script>
import menuVue from '../docMg/menuVue.vue' // 导航菜单

export default {
  data() {
    return {
      menuData: [
        {
          id: 1,
          icon: 'el-icon-document',
          title: '过程质量看板',
          path: '/qaList',
        },
        {
          id: 2,
          icon: 'el-icon-document',
          title: '检验批验收列表',
          path: '/inspectBatch',
        },
        {
          id: 3,
          icon: 'el-icon-document',
          title: '工序验收列表',
          path: '/processAcceptList',
        },
        {
          id: 4,
          icon: 'el-icon-document',
          // title: '物资质检列表',
          // path:'/workOrderMg'
          title: '问题整改列表',
          path: '/problemRectify',
        },
      ],
    }
  },
  components: {
    menuVue,
  },
  mounted() {},

  methods: {
    toHome() {
      this.$router.push('/inTellingSchedule')
    },
  },
}
</script>

<style lang="less" scoped>
i:hover {
  color: #409eff;
}

.docBox {
  width: 100%;
  height: 100%;
  color: white;
  .el-container {
    width: 100%;
    height: 100%;
  }
  .el-header {
    font-size: 1.6rem;
    line-height: 60px;
  }
  .el-aside {
    height: 100%;
  }
  .el-main {
    background-color: white;
    color: black;
  }
}
</style>
